<div class="container similar_popular_dishes_container">
    <div class="row clearfix breadcrum_mycart_row">
        <div class="col-lg-10 col-md-10">
            <div class="breadcrum_box clearfix">
                <div><a href="#/viewMeal">Today’s Lunch Options</a>&nbsp;>&nbsp;<span>{{meal.mealName}}</span></div>
            </div>
        </div>
        <div class="col-md-2 col-lg-2">
            <div ng-controller="postOrderController">
                <a class="btn btn-primary" href="#/mycart" ng-hide="showSearchBar != true">My Cart</a>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12 col-md-12">
            <div>
                <div ng-include src="'views/html/mealDetailCard.html'"></div>
            </div>
        </div>        
    </div>
    <div class="row">
        <div class="col-md-4 col-lg-4">
            <h3>Currently Trending</h3>
            <div class="mini_card_list">
                <div ng-repeat="item in currentlyTrending">
                    <div ng-include src="'views/html/mealCardMini.html'"></div>
                </div>
            </div>
        </div>
        <div class="col-md-4 col-lg-4">
            <h3>Similar dishes from other Chefs</h3>
            <div class="mini_card_list">
                <div ng-repeat="item in simillarDishes">
                    <div ng-include src="'views/html/mealCardMini.html'"></div>
                </div>
            </div>
        </div>
        <div class="col-md-4 col-lg-4">
            <h3>Most Popular dishes from Chef</h3>
            <div class="mini_card_list">
                <div ng-repeat="item in mostPopularDishes">
                    <div ng-include src="'views/html/mealCardMini.html'"></div>
                </div>
            </div>
        </div>
    </div>
</div>
